<template>
  <div>
    <el-aside width="245px" style="height: 677px;">
      <el-menu default-active="1" class="el-menu-vertical-demo" background-color="#2657c0" text-color="#fff"
        active-text-color="#ffd04b" router>
        <!-- 无子级 -->
        <el-menu-item style="background-color: beige;" index="/index">
          <i class="el-icon-s-home"></i>
          <span slot="title">主页</span>
        </el-menu-item>

        <!-- 无子级 -->
        <el-menu-item style="background-color: beige;" index="/imgresource">
          <i class="el-icon-wallet"></i>
          <span slot="title">相册资源</span>
        </el-menu-item>

        <!-- 无子级 -->
        <el-menu-item style="background-color: beige;" index="/jiaocheng">
          <i class="el-icon-video-play"></i>
          <span slot="title">官方教程</span>
        </el-menu-item>

        <!-- 无子级 -->
        <el-menu-item style="background-color: beige;" index="/TopShow">
          <i class="el-icon-present"></i>
          <span slot="title">Top Show</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style>
.background_left_text{
  background-color: rgb(214, 149, 63);
}
</style>
